main .search-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

main .search-wrapper .search-bar {
    display: flex;
    gap: 0;
}

    main .search-wrapper .search-bar input {
        padding: 5px 15px;
        border-radius: 3px 0 0 3px;
        border: 1px solid var(--black);
        border-right: none;
        width: 400px;
    }

    main .search-wrapper .search-bar button {
        background: transparent;
        border: 1px solid var(--black);
        border-left: none;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 15px;
        color: var(--green);
    }

main .search-wrapper .relavance .dropdown .cta-1 {
    background-color: var(--green);
    padding: 5px 15px;
    color: var(--white);
    border: none;
    border-radius: 3px;
}

@media(max-width: 700px) {
    main .search-wrapper {
        flex-direction: column;
    }

    main .search-wrapper .search-bar, main .search-wrapper .search-bar input {
        width: 100%;
    }
        main .search-wrapper .relavance .dropdown .cta-1 {
            margin-top: 1rem;
        }
}